
<!DOCTYPE html>
<html>
<head>
            <title>步步ABC</title>
    <meta charset="utf-8" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   
    <link rel="canonical" href="https://www.pgyer.com/abc_i">

    <link rel="alternate" hreflang="en" href="https://www.pgyer.com/abc_i">
    <link rel="alternate" hreflang="x-default" href="https://www.pgyer.com/abc_i">

    <meta name="apple-mobile-web-app-title" content="步步ABC">
        <link rel="apple-touch-icon" href="https://cdn-app-icon2.pgyer.com/e/1/e/4/1/e1e417bf4103aecf583c6641841f62c2?x-oss-process=image/resize,m_lfit,h_120,w_120/format,jpg"/>
    
    
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no minimal-ui">

    <link rel="stylesheet" href="https://assets3.pgyer.com/static-20240807/assets/build/viewColorfulNewest.min.css">
    <link rel="stylesheet" href="/file/app/web/css/viewColorfulNewest.min.css">

    <script type="text/javascript">
        function formatTimestamp(timestamp) {
            var date = new Date(timestamp * 1000);
            var options = { year: 'numeric', month: '2-digit', day: '2-digit', hour: '2-digit', minute: '2-digit', second: '2-digit' };
            
            return date.toLocaleDateString('zh-CN', options);
        }
        isWX = navigator.userAgent.toLowerCase().indexOf('micromessenger') !== -1
        function loaded(){
            let bean = {{ data | safe}}[0];
            document.getElementById('down_load').setAttribute('href',bean['url'])
            
            document.getElementById('pt_size').innerHTML = (bean['size']/1024/1024).toFixed(2) + " MB"
            document.getElementById('pt_version').innerHTML = bean['version']
            document.getElementById('pt_time').innerHTML = formatTimestamp(bean['time'])
            document.getElementById('pt_device').innerHTML = bean['type'].endsWith('i') ? '适用于 iOS 设备' : '适用于 Android 设备'
            document.getElementById('pt_device_icon').setAttribute('class',bean['type'].endsWith('i') ? 'fa fa-apple app-type-icon' : 'fa fa-android app-type-icon')
            if(isWX){
                document.getElementById('down_load').style.visibility = "hidden";
                document.getElementById('pt_install_ios').hidden = false;
                document.getElementById('pt_install_ios').innerText = '点击右上角...然后点击在浏览器打开'
            }
            
        };
        function install_loading(){
            let bean = {{ data | safe}}[0];
            if (bean['type'].endsWith('i') ){
                document.getElementById('down_load').style.visibility = "hidden";
                document.getElementById('pt_install_ios').hidden = false;
            }

        };
    </script>
        </head>
<body class="" onload="loaded()">
    

    <div class="row-fluid " style="z-index:-2;">
        <div id="header"></div>
    </div>
                <!--=== Content Part ===-->
        <div class="container content pt-10">
            <div class="view row">
                                    <div class="span12 margin-bottom-30 appicon-mobile" id="appicon-bg">
                        <div id="iconBox">
    <img src="https://cdn-app-icon2.pgyer.com/e/1/e/4/1/e1e417bf4103aecf583c6641841f62c2?x-oss-process=image/resize,m_lfit,h_120,w_120/format,jpg" alt="步步ABC的图标" title="步步ABC的图标" class="appicon" onerror="javascript:this.src='https://assets3.pgyer.com/static-20240807/assets/img/default-icon.png'" />
</div>                    </div>
                                <div class="span12 app-title" style="text-align:center;padding-top:10px;">
                    <h1 style="color:#000;font-size:24px;margin-bottom: -5px;">
                        步步ABC                    </h1>
                        <div class="span12 gray-text app-info mt-10" style="text-align:center;">
                            <ul class="breadcrumb " style="margin-bottom:0px;padding-bottom:0px;">
                                <li style="border-right:none;"><i class="fa fa-android app-type-icon" aria-hidden="true" id="pt_device_icon"
                                                                  style="margin-right:5px;"></i>
                                    <span id="pt_device">适用于 iOS 设备</span>
                                </li>
                            </ul>
                        </div>
                </div>

            </div>

                            <div id="" class="view row col-md-6 col-md-offset-3 plr0" style="padding-top:26px;">
                    <div class="col-md-12">
                        <!-- <div class="span12 gray-text" style="text-align:center;">
                            <img src="http://10.10.34.29/file/app/abc.png" class="qrcode-mobile " alt="步步ABC的下载二维码" title="步步ABC的下载二维码"  />
                        </div> -->
                    </div>
                    <div class="col-md-12" style="margin-top:20px;">
                                                <div class="row mb-10 install-btn" $style="margin-top:-20px;">
                                        
        <div class="span12 margin-bottom-20 install-text " style="text-align:center;margin-bottom:20px;">
            <div class="spinner" style="min-height:45px; height:auto;">
                <div id="pt_install_ios" hidden>正在安装，请按 Home 键在桌面查看</div>
                

                <a href="javascript:void(0);" onclick="install_loading();" id="down_load" class="btn-u btn-u-lg down_load  ">
                             安装                        </a>
            </div>
        </div>
    
    
        </div>
                        
                 <div class="span12 gray-text hide" style="text-align:center;margin-top:-20px;">
                                    <p style="padding-top:10px;color:#969b9d;">或者用手机扫描二维码安装</p>
        </div>
      </div>
            <div class="col-md-12 hide">
            <div class="check-install-tip">
                <span class="pull-left"> 无法安装/安装应用? </span>
                <a class="pull-right"  href='https://www.pgyer.com/app/installCheck?key=abc_i' target='_blank'>立即检测 <i class="fa fa-angle-right" aria-hidden="true"></i></a>
            </div>
        </div>
        
                </div>
                        <div id="endInstall"></div>

            <div class="row app-info app-view-detail">
                <div class="col-md-8 col-md-offset-2">
                    <hr class="devider devider-dotted" />
                </div>
                <div class="col-md-8 col-md-offset-2" style="word-break:break-all;">
                    <div class="tag-box margin-bottom-40">
                        <h2 class="content-title">关于步步ABC</h2>
                        <div class="row" style="margin:0;">
                            <div class="col-md-5 col-xs-12 version-info flexRowBetween">
                                <div class="pull-left">大小</div>
                                <div class="pull-right gray-text" id="pt_size">#size#</div>
                            </div>
                            <div class="col-md-5 col-md-offset-2 col-xs-12 version-info flexRowBetween">
                                <div class="pull-left">更新时间</div>
                                <div class="pull-right gray-text" id="pt_time">#time#</div>
                            </div>
                            <div class="col-md-5 col-xs-12 version-info flexRowBetween">
                                <div class="pull-left">版本</div>
                                <div class="pull-right gray-text" id="pt_version">#version#</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
</body>

</html>
